body {
    background-color: #F0F0F0;
    margin: 0;
    padding: 0;
    border: 0;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

p.text, ol li {
    width: 65ex;
}


@media screen {
    /* glavna tabela i zaglavlje */

    table.glavnaTabela {
        width: 700px;
        margin: 0;
        border: 0;
        padding: 0;
    }

    tr.zaglavlje, tr.zaglavlje td, tr.zaglavlje td.nula {
        width: 720px;
        height: 83px;
        padding: 0;
        border: 0;
        margin: 0;
        background-repeat: no-repeat;
    }

    td.bocniMeni {
        color: #ffffff;
        width: 120px;
        padding: 10px 10px;
        margin: 0;
        border: 0;
        vertical-align: top;
        background-color: #1a6271;
        white-space:nowrap;
        vertical-align:top;
        font-weight:bold;
        
    }




    td.content2 {
        width: 660px;
        padding: 5px 15px;
        margin: 0;
        border: 0;
        vertical-align: top;
    }



    /* linkovi */

    a:link, a:visited {
        font : normal normal normal 16px Arial, Helvetica, sans-serif;
        color : #ffffff;
        text-decoration: none;
        
    }

    a:hover, a:active {
        font : normal normal normal 16px Arial, Helvetica, sans-serif;
        color : #F0F0F0;
        text-decoration: none;
    }

    a:link.meni, a:visited.meni {
        font : normal normal bold 16px Tahoma, Arial, Helvetica, sans-serif;
        line-height: 17px;
        color : #ffffff;
        text-decoration: none;
        padding: 0px;
        border-bottom: hidden;
    }

    a:hover.meni, a:active.meni {
        font : normal normal bold 16px Tahoma, Arial, Helvetica, sans-serif;
        line-height: 17px;
        color : #ffffff;
        text-decoration: none;
        padding: 0px;
        border-bottom: 1px solid #FABF78;
    }


    td, pre, body {
        font: normal normal normal 16px Arial, Helvetica, sans-serif;
        
    }

    /* Standardne tabele koje se svuda koriste */

    table.stdtable {
        border: solid 1px #ADB8BD;
    }

    table.stdtable td.extra {
        border-top: solid 1px #ADB8BD;
    }

    table.stdtable tr th {
        padding: 2px 6px;
    }

    table.stdtable tr td {
        padding: 3px 3px;
    }

    table.stdtable th {
        font-size: 16px;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        border-bottom: solid 1px #ADB8BD;
    }

    table.stdtable th.rowspan2 {
        font: normal bold normal 16px Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #FFFFFF;
    }


    h1 {
        font : normal normal bold 28px Tahoma, Arial, Helvetica, sans-serif;
    }

    h2 {
        font : normal normal bold 22px Tahoma, Arial, Helvetica, sans-serif;
        margin: 7px;
        margin-left: 0px;
        text-align:center;
   
        
        
}
    /* FORMULARI */

    form.default input {
        background: transparent;
        border: none;
        font: normal normal normal 16px Arial, Helvetica, sans-serif;
        padding-left: 3px;
        padding-right: 3px;
    }

    /* belo text input polje */

    form.default input.bela {
        background: #FFFFFF;
        border: 1px solid #DDDDDD;
        font: normal normal normal 16px Arial, Helvetica, sans-serif;
        padding-left: 3px;
        padding-right: 3px;
    }

    /* sivo text input polje */

    form.default input.siva {
        background: #EEEEEE;
        border: 1px solid #DDDDDD;
        font: normal normal normal 16px Arial, Helvetica, sans-serif;
        padding-left: 3px;
        padding-right: 3px;
    }


    form.default select, form.default p select  {
        background: #FFFFFF;
        border: 1px solid #DDDDDD;
        font: normal normal normal 16px Arial, Helvetica, sans-serif;
        padding-left: 3px;
        padding-right: 3px;
    }

    form.default input.button {
        background: #DDDDDD;
        border: 1px outset;
        font: normal normal normal 16px Arial, Helvetica, sans-serif;
        margin-bottom: 2px;
        margin-top: 2px;
        padding-left: 3px;
        padding-right: 3px;
    }



}


/*
   ------------------------------------------------------------
   Calendar component
   ------------------------------------------------------------
*/

.yearMonthHeader {
    background-color: #1a6271;
    color: #ffffff;
    text-align: center;
    border: none;
    font-weight: bold;
}

.weekHeader {
    background-color: #cdd7d2;
    color: #454545;
    text-align: center;
    border: none;
}

.currentDayCell {
    background-color: #1a6271;
    color: #ffffff;
    border: none;
}


/*
   ------------------------------------------------------------
   End Calendar component
   ------------------------------------------------------------
*/


.countryFormTable {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
    padding: 2;
    border-style: solid;
    border-width: 1px;
}

.countryFormHeader {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
    padding: 2;
    border-style: none;
    background-color: #FFDD00;
    text-align: center;
	font-weight : normal;
}

.countryFormFooter {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
    padding: 2;
    border-style: none;
    background-color: #FFDD00;
    text-align: center;
	font-weight : normal;
}

.countryFormLabels {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
    padding: 2;
    border-style: none;
    text-align: right;
	font-weight : bold;
}

.countryFormInputs {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
    padding: 2;
    border-style: none;
}

/*
   ------------------------------------------------------------
   Tree component
   ------------------------------------------------------------
*/

.nodeFolder
{
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none
}
.document
{
    color: blue;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none
}
.documentSelected
{
    color: blue;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    font-weight: bold
}

.childCount
{
    color: blue;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none
}

/*
   ------------------------------------------------------------
   Panelnavigation
   ------------------------------------------------------------
*/
#subnavigation {
margin-left: 0px;
margin-right: 20px;
padding: 0px 0px 20px 0px;
border: 1px solid #546359;
background-color: #EAF4F4;
}

#subnavigation_outer {
float: left;
width: 220px;
padding: 0px;
margin: 0px 0px 0px 0px;
}
#subnavigation_outer h1  {
font-size: 1.5em;
margin: 0px;
padding: 0px 0px 15px 0px;
}

/*
   --------------------------------------------------------------
    Horizontal Panelnavigation
   --------------------------------------------------------------
*/
#hNav_outer {
    margin: 0;
    padding: 0;
    height: 60px;
    width: 800px;
}
#hNav_outer ul {
    padding: 0;
    margin: 0;
}
#hNav_outer ul li ul {
    margin: 0;
    padding: 0;
}
#hNav_outer ul a {
    text-decoration: none;
}
#hNav_outer ul li { /*float the main list items*/
    margin: 0;
    float: left;
    display: block;
    padding: 5px;
}
#hNav_outer ul li ul {
    display: none;
}
#hNav_outer ul li.off ul, #hNav_outer ul li.on ul { /*put the subnav below*/
    position: absolute;
    top: 36px;
    *top: 44px;/*reposition for IE*/
    background: #224d6f;
    left: 13px;
    *left: 15px;
    width: 740px;
}
#hNav_outer ul li.on ul {
    display: block;
    background: #f90;
}
#hNav_outer ul li.on:hover ul, #hNav_outer ul li.over ul { /*for ie*/
    background: #224d6f;
}
#hNav_outer ul li a {
    color: #224d6f;
    font-weight: bold;
    display: block;
    padding: 5;
}
#hNav_outer ul li.on a {
    color: #fff;
    background: #f90;
}
#hNav_outer ul li.on ul a, #hNav_outer ul li.off ul a {
    float: left; /*ie doesn't inherit the float*/
    border: 0;
    color: #f90;
    width: auto;
}
#hNav_outer ul li.on:hover ul a, #hNav_outer ul li.over ul li a { /*for ie - the specificity is necessary*/
    background: #224d6f;
}
#hNav_outer ul li.off:hover ul, #hNav_outer ul li.over ul {
    display: block;
    z-index: 6000;
}
#hNav_outer ul li.off a:hover, #hNav_outer ul li:hover a, #hNav_outer ul li.over a {
    background: #29497b;
    color: #f90;
}
#hNav_outer ul li.off a:hover, #hNav_outer ul li.on a:hover {
    color: #f90;
}
/*subnav formatting*/
#hNav_outer ul li.off ul a {
    display: block;
    background: #224d6f;
    color: #fff;
}
#hNav_outer ul li.on ul a {
    display: block;
    background: #f90;
    color: #fff;
}

/**************************************************
 * css layers and classes for list navigation list
 **************************************************/
#subnavigation ul li  a {
display:block;
background-color: #D1E4E4;
color: #294747;
text-decoration: none;
border-bottom: 1px solid #87A8A8;
padding: 2px 20px;
margin: 0px;
}

#subnavigation ul li a:visited {color:#294747;}
#subnavigation ul li a:hover {color: #FFFFFF;  background-color: #87A8A8;}
#subnavigation ul li a:active { color:#294747;}

#subnavigation ul li a.selected {
font-weight: bold;
color:#294747;
background-color: #FFFFFF;
}

#subnavigation ul ul li a {
padding: 2px 20px 2px 25px;
margin: 0px;
background-color: #FFFFFF;}

#subnavigation ul ul li ul li a {
padding: 2px 20px 2px 30px;
margin: 0px;
}

#subnavigation ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}

#subnavigation li{
margin: 0px;
padding: 0px;
display:inline;
}

#subnavigation ul.mypage li a {
padding: 2px 20px 2px 20px;
margin: 0px;
background-color: #EAF4F4;
}

#subnavigation ul.mypage ul li a:hover {color: #FFFFFF;  background-color: #87A8A8;}

table.stats
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 14px;
color: #fff;
width: 200px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.stats td
{background-color: #CDD7D2;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;
height: 60px;
vertical-align:middle;}

table.stats td.hed
{background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 14px;
}

table.stats td.vreme
{width:45px;}

.zauzet {
    font-size:smaller;
    /*background-color:#efd499;*/
}

ul {
    display: block;
}

li {
    list-style:none;
    color:#BF0A2B;
}